<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isErrorPage="true" isELIgnored="false"%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Language" content="UTF-8" />
    <style>
        body{
            padding: 10px 10px;
        }
        #saveButt{
            position:fixed;
            bottom:10px;
            right:40px;
        }
    </style>
</head>

<body>
<div id="roleLabelApp">
    <div class="layui-form-item">
        <ul id="treeBox" class="ztree"></ul>
    </div>
    <i-button type="primary" :loading="loading" @click="onSubmitValidate()" icon="paper-airplane" style="position: absolute;right: 20px;bottom: 20px;">
        <span v-if="!loading">提交</span>
        <span v-else>提交中...</span>
    </i-button>
</div>
<script>
    var Main = {
        data:function () {
            return {
                loading:false
            };
        },
        methods:{
            onSubmitValidate:function () {
                component.loading = true;
                roleManage.fun.saveRoleMenu(vueGridApp.item,function (saveStatus) {
                    component.loading = false;
                    if(saveStatus == 1){
                        layer.close(vueGridApp.layerIndex);
                    }
                });

            }
        }
    }
    var Component = Vue.extend(Main);
    var component = new Component().$mount('#roleLabelApp');
</script>
</body>
</html>